<template>
  <div class="headerContent">
    <br><br><br><br><br><br>
    <div class="con">
      <div class="con1">
        {{msg1}}
      </div>
      <br>
      <div class="con2">
        {{msg2}}
      </div>
    </div>
    <br><br>
  </div>
</template>

<script type="text/ecmascript-6">
  export default {
    props: ['msg1', 'msg2']
//    data () {
//      return {
//        msg1: 'Nothing is impossible.',
//        msg2: 'https://git.oschina.net:xiaokangcheng'
//      }
//    }
  }
</script>

<style lang="stylus" rel="stylesheet/stylus">
  .con
    color: #fff
  .con1
    font-size 32px
    text-align center
  .con2
    font-size 18px
    text-align center
</style>
